.ResultDetailPage {
    .rewardDetail {
        padding: 16rem;
        box-sizing: border-box;
        background-color: white;
        .rewardName {
            color: #343C4B;
            font-family: Inter;
            font-size: 16px;
            font-style: normal;
            font-weight: 600;
            line-height: 16px;
            margin-top: 4rem;
        }

        .time {
            margin-top: 13rem;
            color: #89899A;
            font-family: Inter;
            font-size: 14px;
            font-style: normal;
            font-weight: 500;
            line-height: 16px;

            span {
                color: #FC3666;
            }
        }
        .searchTickets{
            margin-top: 20rem;
            display: flex;
            align-items: center;
            justify-content: space-between;
            >input{
                border-radius: var(--Price, 20px);
                width: 251px;
                height: 40px;
                background: #F1F5F9;
                padding-left:20rem;
                border: none;
                ::placeholder {
                    color: #A7A7AD;
                    font-family: Inter;
                    font-size: 14px;
                    font-style: normal;
                    font-weight: 600;
                    line-height: 16px; /* 114.286% */
                    text-transform: capitalize;
                  }
                  &:focus {
                    outline: none;
                  }
            }
            .check{
                display: flex;
justify-content: center;
width: 76rem;
height: 40rem;
line-height: 40rem;
align-items: center;
                border-radius: 20px;

background: #FF2D55;
color: #FFF;

text-align: center;
font-family: Inter;
font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: 16px;
            }
        }
    }
    .resultList{
        background: #F1F5F9; 
        margin-top: 10rem;
        height: 500px;
        overflow: scroll;
        margin-bottom: 50rem;
        padding: 0 16rem 16rem 16rem;
        box-sizing: border-box;
        img{
            width: 100%;
        }
        .item{
            border-radius: 12px;
            border: 1px solid #E8E6EF;
            background: #FFF;
            margin-top: 12rem;
            .top{
            border-radius: 12px 12px 0px 0px;
            background: #FFCB14;
            height: 36px;
            line-height: 36rem;
            box-shadow: 0px 4px 4px 0px rgba(255, 255, 255, 0.25) inset;
            padding-left: 16rem;
}
.bottom{
height: 64rem;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
:nth-child(1){
    color: #38424B;

font-family: Inter;
font-size: 16px;
font-style: normal;
font-weight: 600;
line-height: 16px; 
}
:nth-child(2){
    margin-top: 8rem;
    color: #FF2D55;

    text-align: right;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 16px;
}
}
        }
    }
}